<template>
  <view class="app">
    <view class="retip" v-show="!outisShow">
    	<view class="tips_Container">
			<image src="/static/image/Fill 1@2x.png" mode="center"></image>
    		<text>{{dialog.name}}:</text>
    		<text>{{dialog.log}}</text>
			<text>{{dialog.admin}}</text>
    	</view>
    	<view class="Close_tips" @click="closeOutlog()">
    		<view class="item" v-for="(value,index) in iconType" :key="index">
    			<icon :type="value" size="42" />
    		</view>
    	</view>
    </view>
  </view>
</template>

<script>
export default {
	data() {
		return {
			outisShow: true,
			iconType: ['clear'],
			dialog:{
				name:'李爷爷',
				log:'是否退出登陆的梵蒂冈地方双方的水水水水水水水水水水是否退出登陆的梵蒂h法国皇帝合法的冈地方双方的水水水水水水水水水水',
				admin:'物业'
			}
		}
	},
	onShow(){
		this.xinxi()
	},
  methods: {
	closeOutlog() {
		this.dialog='';
		console.log(this.dialog)
		if(this.dialog.length==0){
			this.outisShow = !this.outisShow;
			console.log("为零")
		}
	},
	xinxi() {
		// this.dialog='';
		if(this.dialog.length!=0){
			console.log("不为零")
			this.outisShow = !this.outisShow;
		}
	},
  }
}
</script>
<style lang="scss">
	.retip {
		background-color: rgba(0, 0, 0, 0.4);
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 5;
		top: 0;
		display: flex;
		flex-direction: column;
	
		align-items: center;
		justify-content: center;
	}
	.Close_tips {
		background-color: #FFFFFF;
		border-radius: 50%;
		width: 100rpx;
		height: 100rpx;
	
		display: flex;
		flex-direction: column;
	
		align-items: center;
		justify-content: center;
	}
	.tips_Container {
		width: 680rpx;
		height: 710rpx;
		background-color: #FCF2E9;
		border-radius: 25rpx;
		display: flex;
		flex-direction: column;
		font-weight: bold;
		font-size: 40rpx;
		margin-bottom: 25px;
		text:nth-child(2) {
			margin: 20rpx 40rpx 0 40rpx;
		}
	    text:nth-child(3) {
			margin: 20rpx 40rpx 0 40rpx;
	    }
		text:nth-child(4) {
			margin: 0 40rpx 0 40rpx;
			text-align: right;
		}
		image{
			margin: -50rpx  auto 0  auto;
			height: 120rpx;
		}
	}
</style>